<template>
	<view>
		<NavBar text='我的咨询' :isTrue="false" />
		<view style="width: 90vw;margin-top: 80px;margin-left: 20px;
				border: 1px solid #e6e6e6;
				box-shadow: 1px 1px  1px 1px #e6e6e6;padding-top: 10px;padding-bottom: 10px;
				border-radius: 10px;
				display: flex;flex-direction: column;justify-content: space-between;">
			<view style="display: flex;justify-content: flex-start;">
				<view style="width: 3px;height: 18px;background-color: #4db3b8;"></view>
				<span style="font-size: 12px;margin-left: 10px;">待处理咨询</span>
			</view>
			<view style="
				display: flex;justify-content: space-around;">


				<view style="display: flex;flex-direction: column;height: 39px;margin-top: 10px;">
					<!-- <p style="margin-left: 30px;font-size: 18px;font-weight: bold;">2312</p> -->
					<view style="width: 45px;height: 45px;text-align: center;">
						<!-- <image src="@/static/message/系统消息.png" style="width: 27px;height: 30px;margin-top: 8px;"></image> -->
						<span>1</span>
					</view>

					<p style="color: #b3b3b3;font-size: 14px;">
						咨询中
					</p>
				</view>
				<view
					style="display: flex;flex-direction: column;justify-content: space-around;height: 39px;margin-top: 10px;">
					<!-- <p style="margin-left: 30px;font-size: 18px;font-weight: bold;">2312</p> -->
					<view style="width: 45px;height: 45px;text-align: center;">
						<!-- <image src="@/static/message/系统消息.png" style="width: 27px;height: 30px;margin-top: 8px;"></image> -->
						<span>1</span>
					</view>

					<p style="color: #b3b3b3;font-size: 14px;">
						接单中
					</p>
				</view>
				<view
					style="display: flex;flex-direction: column;justify-content: space-around;height: 39px;margin-top: 10px;">
					<!-- <p style="margin-left: 30px;font-size: 18px;font-weight: bold;">2312</p> -->
					<view style="width: 45px;height: 45px;text-align: center;">
						<!-- <image src="@/static/message/系统消息.png" style="width: 27px;height: 30px;margin-top: 8px;"></image> -->
						<span>2</span>
					</view>

					<p style="color: #b3b3b3;font-size: 14px;">
						未接单
					</p>
				</view>
				<view
					style="display: flex;flex-direction: column;justify-content: space-around;height: 39px;margin-top: 10px;">
					<!-- <p style="margin-left: 30px;font-size: 18px;font-weight: bold;">2312</p> -->
					<view style="width: 45px;height: 45px;text-align: center;">
						<!-- <image src="@/static/message/系统消息.png" style="width: 27px;height: 30px;margin-top: 8px;"></image> -->
						<span>2</span>
					</view>

					<p style="color: #b3b3b3;font-size: 14px;">
						已完成
					</p>
				</view>
				<!-- <span style="border-left: 1px solid #e4e4e4;height: 25px;margin-top: 20px;"></span> -->

			</view>
		</view>

		<view style="margin-top: 10px;border: 1px solid #e6e6e6;
		border-radius: 10px;
		width: 90vw;margin-left: 20px;box-shadow: 1px 1px  1px 1px #e6e6e6;">
			<view style="display: flex;justify-content: flex-start;">
				<view style="width: 3px;height: 18px;background-color: #4db3b8;"></view>
				<span style="font-size: 12px;margin-left: 10px;">历史订单</span>
			</view>
			<view style="margin-top: 20px;display: flex;">
				<view>
					<image src="@/static/me/Snipaste_2023-05-16_16-19-28.png"
						style="width: 52px;height: 55px;margin-left: 10px;"></image>
				</view>
				<view style="display: flex;flex-direction: column;">
					<view
						style="display: flex;justify-content: space-between;width: calc(100vw - 52px - 57px);margin-left: 10px;">
						<view style="display: flex;">
							<h4 style="font-size: 14px;">阿史那砂</h4>
							<span style="font-size: 12px;margin-left: 10px;">男</span>
							<span style="font-size: 12px;margin-left: 10px;">10岁</span>
						</view>
						<view style="font-size: 12px;color: #66cc33;">
							<span>图文咨询</span>
						</view>
						<view style="font-size: 12px; background-color: #32b7bb;color: #fff;
					width: 49px;height: 20px;text-align: center; border-top-left-radius:10px ;border-bottom-left-radius:10px ;">
							<span>已完成</span>
						</view>
					</view>
					<view style="font-size: 12px; color: #cecece;margin-left: 10px;margin-top: 10px;">
						<span>病情描述:</span>
						<span>为什么皮肤过敏了？是什么原因呢？...</span>
					</view>
					<view style="font-size: 12px; color: #cecece;margin-left: 10px;">
						<span>2020-11-23 13:23</span>
					</view>
				</view>

			</view>
			<view style="margin-top: 20px;display: flex;">
				<view>
					<image src="@/static/me/Snipaste_2023-05-16_16-19-28.png"
						style="width: 52px;height: 55px;margin-left: 10px;"></image>
				</view>
				<view style="display: flex;flex-direction: column;">
					<view
						style="display: flex;justify-content: space-between;width: calc(100vw - 52px - 57px);margin-left: 10px;">
						<view style="display: flex;">
							<h4 style="font-size: 14px;">李星</h4>
							<span style="font-size: 12px;margin-left: 10px;">女</span>
							<span style="font-size: 12px;margin-left: 10px;">25岁</span>
						</view>
						<view style="font-size: 12px;color: #66cc33;">
							<span>图文咨询</span>
						</view>
						<view style="font-size: 12px; background-color: #32b7bb;color: #fff;
					width: 49px;height: 20px;text-align: center; border-top-left-radius:10px ;border-bottom-left-radius:10px ;">
							<span>已完成</span>
						</view>
					</view>
					<view style="font-size: 12px; color: #cecece;margin-left: 10px;margin-top: 10px;">
						<span>病情描述:</span>
						<span>最近头有点疼怎么办...</span>
					</view>
					<view style="font-size: 12px; color: #cecece;margin-left: 10px;">
						<span>2020-11-23 13:23</span>
					</view>
				</view>
			
			</view>
			<view style="margin-top: 20px;display: flex;">
				<view>
					<image src="@/static/me/Snipaste_2023-05-16_16-19-28.png"
						style="width: 52px;height: 55px;margin-left: 10px;"></image>
				</view>
				<view style="display: flex;flex-direction: column;">
					<view
						style="display: flex;justify-content: space-between;width: calc(100vw - 52px - 57px);margin-left: 10px;">
						<view style="display: flex;">
							<h4 style="font-size: 14px;">莎</h4>
							<span style="font-size: 12px;margin-left: 10px;">女</span>
							<span style="font-size: 12px;margin-left: 10px;">22岁</span>
						</view>
						<view style="font-size: 12px;color: #66cc33;">
							<span>视频咨询</span>
						</view>
						<view style="font-size: 12px; background-color: #32b7bb;color: #fff;
					width: 49px;height: 20px;text-align: center; border-top-left-radius:10px ;border-bottom-left-radius:10px ;">
							<span>已完成</span>
						</view>
					</view>
					<view style="font-size: 12px; color: #cecece;margin-left: 10px;margin-top: 10px;">
						<span>病情描述:</span>
						<span>胳膊上疱疹了怎么办...</span>
					</view>
					<view style="font-size: 12px; color: #cecece;margin-left: 10px;">
						<span>2020-11-23 13:23</span>
					</view>
				</view>
			
			</view>

		</view>
	</view>
</template>

<script>
	import NavBar from '@/components/NarBar.vue'
	export default {
		components: {
			NavBar
		},
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>

</style>